react-native 真机调试(android)
adb devices (查看链接的设备id)adb -s 897879(设备号) reverse tcp:8081 tcp:8081 (当设备断开重新链接)当只有一个设备时上面的命令可以简写成adb reverse tcp:8081 tcp:8081 ...
2024-01-10react-native练手(android版)
1.环境搭建1)一步步按 https://reactnative.cn/docs/getting-started.html 操作2)brew install watchman3)https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 下载并安装 jdk 8,javac -version 看安装成功与否4)https://developer.android.com/studio/index.h...
2024-01-10react-native移动端设置android闪屏页
前言因为app启动时会白屏一段时间,导致让人用起来非常的不舒服,后来了解一下知道这叫做闪屏于是着手解决这个白屏的问题,换个颜色?不行,不如用一张好看的图片来替换,这样才让人看起来更加舒服。那么该怎么换呢,我直接百度搜索,然后得知有不少包是关于这个的比如rn-splash-screen、react...
2024-01-10react-native 打包Android Release版本报错
RN项目,Debug版本可以正常运行,Release版本报错找了很多方面,一直没有解决,后来发现是多运行了一个命令导致的!!如下:请注意不要运行此命令后打包,否则一定回报资源错误!!!react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-...
2024-01-10Window 7 下android react native 新建环境
本博客基于win7 64位系统android出现的步骤及错误情况记录详情参考react native 中文网:http://reactnative.cn/docs/0.48/getting-started.html#content需要下载东西:Node(4.4.4以上版本最好,最新的最优)gitandroid sdkjdk 1.8Android studioGenymotion具体步骤请参考以上的react native 中文网下边仅介绍android过程中遇到的坑1.Gen...
2024-01-10React Native02-开始运行 Android篇
1. 开始运行1)用命令进入到新建的文件目录下,比如HelloWorld,再输入 react-native start:在等待一段时间后,我们看到最后面有个地址,说明已经运行成功了。我们输入地址 http://localhost:8081/index.android.bundle?platform=android,可以看到有一大堆的js:到此,我们成功运行。 2. 运行android平台 1)我们...
2024-01-10React Native for Android 异常处理概览
AndroidReact Native本文的RN代码基于0.43版本准备接入React Native(RN)时,看看前辈们分享的经验,都说刚接入时崩溃率是一个问题。最近在做RN的Native部分优化,今天就来聊聊在RN中的异常都是什么,该怎么处理。前言首先,研究RN框架异常的动机在于,我们需要建立起一套针对性的容错机制,毕竟它还...
2024-01-10react-navigation 使用详解(转载)
上篇博客和大家分享了关于React Native jsBundle预加载,界面启动优化的内容,详情可点击:基于最新版本React Native实现JsBundle预加载,界面秒开优化一、开源库介绍 今年1月份,新开源的react-natvigation库备受瞩目。在短短不到3个月的时间,github上星数已达4000+。Fb推荐使用库,并且在React Native当前最...
2024-01-10windows下的react-native 开发环境搭建
本教程用安卓手机作为演示。首先安装jdk。本教程基于jdk1.8,安装时有一点要特别注意:jdk和jre必须装到不同目录下,否则初始化react-native项目时大概率报tools.jar not found exception。具体流程:先安装jdk到默认目录,第二次弹出选择路径对话框的时候先到jdk目录下删除jre文件夹,再安装jre到不同目录。...
2024-01-10【react native】react navigation简述(3)
createStackNavigatorcreateStackNavigator类似于普通的navigator,屏幕上方导航栏createBottomTabNavigator屏幕下方标签栏createMaterialTopTabNavigator屏幕顶部的材料设计主题标签栏createDrawerNavigator抽屉效果,侧边划出createSwitchNavigator用途是一次只显示一个页面(跳转页面时候,第一个页面跳转到第...
2024-01-10react antd Tabs组件
我这个Tab在一个弹窗里面 点击Tab 切换不了 <TabsonTabClick={this.props.changeTabKeyFun.bind(this)}type="card"style={{width:"80%",marginLeft:'10%'}}className="reTwo"defaultActiveKey='1'activeKey={this.props.activeTabKey}><TabPane tab="请求" key="1"></TabPane><TabPane tab="响应" ...
2024-01-10windows下做react native官方例子遇到的问题
1.android/app/build.gradle文件中,指定了版本:compileSdkVersion 23buildToolsVersion "23.0.1"需要在设置中选择,如下图所示:2.报“Could not find tools.jar”错误,是因为没配置java的环境变量JAVA_HOME。 3.项目目录下运行react-native run-android,手机上弹出的界面(使用adb devices命令确认手机已连接):4.上面界面,“Dev S...
2024-01-10React Native之支付集成(微信 支付宝)(ios android)
一,需求分析 1.1,app在线充值与提现 二,技术介绍与集成 2.1,微信支付 2.1.1,Android配置详细配置可查看React Native之微信分享(iOS Android),这里主要介绍的是支付方面的配置第一步:创建名为'wxapi'的文件夹,并在文件夹内创建WXPayEntryActivity.java,用于获得微信的授权和支付权限。 1 package your.packag...
2024-01-10React-native 自定义actionsheet 即拿即用
不管是写程序还是生活 要经常总结啊= =要不然真的会忘啊今天经验值+++++, 待提升空间太大了。===========================js文件============================import React from 'react';import PropTypes from 'prop-types';import {View,StyleSheet,Text,Modal,TouchableOpacity,Dimensions} from 'react-native'cons...
2024-01-10用 jpush-react-native 插件快速集成推送功能(Android 篇)
概述jpush-react-native 是极光推送官方开发的 React Native 版本插件,可以快速集成推送功能。现在最新版本的 JPush SDK 分离了 JPush 及 JCore,让开发者可以分开集成 JMessage 及 JPush(以前 JMessage 包含了 JPush)。下面就来具体说一下如何快速集成以及使用 jpush-react-native 插件。安装打开终端,进入项目文件夹...
2024-01-10React Native在Windows下修改js代码后reload无效
iOS下因为有watchman这个插件,所以启动很快(npm start),而Windows下则非常慢,最要命的是遇到了修改js文件后,点击reload居然一直是请求的缓存bundle,泪崩。。。 后来找到一篇文章,解决了这个问题,就是说超时导致的,但是超时的时候没有反馈错误,原因不明。解决方案就是延长超时时间: 'ready',...
2024-01-10React Native在Android平台运行gif的解决方法转载
概述目前RN在Android平台上不支持gif格式的图片,而在iOS平台是支持的,期待以后的版本中系统也是可以默认支持Android的。首先说下在ios平台怎么加载gif呢? <Image source= {require(\'./img/loading.gif\')} style = {styles.loading}/> 11完整实例:xport default class Loading extends React.Component { render(){ if (!th...
2024-01-10如何在react-admin中拥有多个dataProviders的正确方法?
我正在尝试在react-admin项目中使用多个dataproviders,但出现错误:Warning: Missing translation for key: "dataProvider is not a function"function.console.(anonymous function) @ index.js:1452我有App.js这样的:import React from 'react';import { render } from 'react-dom';import { Admin, ...
2024-01-10详解React Native监听Android回退按键与程序化退出应用
详解React Native监听Android回退按键与程序化退出应用前言我们知道Android回退按键,会控制页面返回, 并且退出应用并非真正意义退出,仍在后台运行,所以在某些场景下需要监控android回退按键,那么在React Native中应该如何应用呢?我们具体来看看。BackAndroid此模块用于监听硬件的back键操作。看下具...
2024-01-10React Native踩坑之路 — 运行Android项目的各种坑坑(Windows)
之前我们已经初始化了一个Raect Native 项目,验证了Android环境的正确性,接下来就运行起来吧!运行命令: ① react-native start ② react-native run-android运行步骤:1. 执行①命令react-native start后是这样的效果(如下图) 2. 第一步命令完成后,我们要先启动模拟器或者连上手机才可以...
2024-01-10React-Native之Android(6.0及以上)权限申请详解
为什么Android要申请权限简单说下在Android6.0及6.0以上一些google认为涉及“危险和用户隐私”的一些权限不仅要做清单文件(android/app/src/AndroidMainfest.xml)里面申请,还有单独调用api,去让用户选择是否同意你申请这个权限。例如:你想要你的app有读写手机外置内存卡权限,那么你需要在清单文件里面加下...
2024-01-10taro +react +redux 开发中使用Provider 标签报错
技术选型使用了typescript在引入redux之后 ,store配置也写好了,同时可以打印出来store使用Proider标签就报错 , 请问什么原因 ,是因为ts文件吗 (如果改成tsx后缀,编译会找不到app.ts 这个报错)回答看看这个https://github.com/NervJS/tar......
2024-01-10react native开发错误及解决方法(更新ing...)
1.unable to load script from assets 'index.android.bundle'.Make sure your bundle ispackged correctly or you are running a packger server.操作步骤:1).在项目文件夹\android\app\src\main新建assets文件夹;2).在根目录cmd下运行:react-native bundle --platform android --dev false --entry...
2024-01-10reactnative0.61.2 使用react-native-webrtc
6版本以上的react-native会自动引入包,不需要手动link只需在AndroidManifest.xml加入权限即可<uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.CAMERA" /> <uses-feature android:name="android.hardware.camera" /> <uses...
2024-01-10[RN] React Native 权限申请 react-native-permissions
React Native 权限申请 react-native-permissions一、安装npm i -S react-native-permissionslink:react-native link react-native-permissions二、使用...
2024-01-10